<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>多肽筛选工具</title>
		<link charset="utf-8" rel="stylesheet" href="__PUBLIC__/static/asset/bootstrap/3.3.6/css/bootstrap.min.css">
		
        <style>
        	.no-padding-right{
        		padding-right : 0!important;
        	}
        	.no-padding-left{
        		padding-left: 0!important;
        	}
            .jumbotron{
            	padding-top: 15px !important;
            	padding-bottom: 15px !important;
            }
            .memo{
                color: #aaa;
            }
            .text-left-important{
                text-align: left !important;
            }
        </style>
	</head>
	<body>
		<div class="container-fluid">
			<div class="row">
				<div class="jumbotron">
					<h4><a href="{:config('base')}/index.php"><i class="glyphicon glyphicon-home"></i></a> 多肽筛选工具
                        <a href="#" title="软件使用说明" data-toggle="modal" data-target="#help-modal"><i class="glyphicon glyphicon-question-sign"></i></a>
                    </h4>
                    <input type="hidden" id="current-type" value="1">
                    <ul class="nav nav-tabs" role="tablist" id="menu-tab">
                        <li role="presentation" class="active">
                            <a href="#screening-1" role="tab" data-toggle="tab" data-id="1">反义肽库</a>
                        </li>
                        <li role="presentation">
                            <a href="#screening-2" role="tab" data-toggle="tab" data-id="2">多位点扫描随机多肽矩阵</a>
                        </li>
                        <li role="presentation">
                            <a href="#screening-3" role="tab" data-toggle="tab" data-id="3">首尾相搭多肽矩阵</a>
                        </li>
                        <li role="presentation">
                            <a href="#screening-4" role="tab" data-toggle="tab" data-id="4">截头多肽矩阵</a>
                        </li>
                        <li role="presentation">
                            <a href="#screening-5" role="tab" data-toggle="tab" data-id="5">Ala筛选矩阵</a>
                        </li>
                        <li role="presentation">
                            <a href="#screening-6" role="tab" data-toggle="tab" data-id="6">扰序多肽矩阵</a>
                        </li>
                        <li role="presentation">
                            <a href="#screening-7" role="tab" data-toggle="tab" data-id="7">单位点扫描矩阵</a>
                        </li>
                        <li role="presentation">
                            <a href="#screening-8" role="tab" data-toggle="tab" data-id="8">T细胞截头肽库矩阵</a>
                        </li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane fade in active" id="screening-1">
                            <form id="form-antisense" action="{:url('result_peptide_antisense')}" method="post" class="form-horizontal" onsubmit="return false;">
                                <div class="form-group">
                                    <label class="col-md-10 col-sm-10 col-xs-10 control-label text-left-important">
                                        根据蛋白或多肽序列设计反义肽库
                                    </label>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-10 col-sm-10 col-xs-10 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">N端</span>
                                            <input type="text" name="amino" value="{$amino|default=''}" class="form-control" id="amino-1">
                                            <span class="input-group-addon">C端</span>
                                        </div>
                                        <input type="hidden" name="debug" value="{$debug}">
                                        <input type="hidden" name="type" value="1">
                                    </div>
                                    <div class="col-md-1  col-sm-2 col-xs-12">
                                        <button id="calculate-button" type="button" class="calculate-button btn btn-primary pull-right" data-form="form-antisense"> 计算 </button>
                                    </div>
                                </div>
                            </form>
                            <form id="form-antisense-dna" action="{:url('result_peptide_antisense')}" method="post" class="form-horizontal" onsubmit="return false;">
                                <div class="form-group">
                                    <label class="col-md-10 col-sm-10 col-xs-10 control-label text-left-important">
                                        根据DNA序列设计反义肽
                                    </label>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-10 col-sm-10 col-xs-10 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">5'</span>
                                            <input type="text" name="dna" class="form-control" id="dna">
                                            <span class="input-group-addon">3'</span>
                                        </div>
                                        <input type="hidden" name="debug" value="{$debug}">
                                        <input type="hidden" name="type" value="11">
                                    </div>
                                    <div class="col-md-1  col-sm-2 col-xs-12">
                                        <button type="button" class="calculate-button btn btn-primary pull-right" data-form="form-antisense-dna"> 计算 </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- /#screening-1 -->
                        <div role="tabpanel" class="tab-pane fade" id="screening-2">
                            <form id="form-data-random" action="{:url('result_peptide_antisense')}" method="post" class="form-horizontal" onsubmit="return false;">
                                <div class="form-group">
                                    <label class="col-md-10 col-sm-10 col-xs-10 control-label">
                                        序列（可输入氨基酸单字母或多字母，单字母为大写字母）<a href="{:url('synthetise_difficult_about')}" target="_blank"><i class="glyphicon glyphicon-question-sign"></i></a>
                                    </label>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-11 col-sm-10 col-xs-10 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">N端</span>
                                            <input type="text" name="amino" class="form-control" id="amino-2">
                                            <span class="input-group-addon">C端</span>
                                        </div>
                                        <input type="hidden" name="debug" value="{$debug}">
                                        <input type="hidden" name="type" value="2">
                                    </div>

                                </div>
                                <div class="form-group">
                                    <div class="col-md-11 no-padding-left">
                                        <div class="input-group">
                                            <span class="input-group-addon">扫描点</span>
                                            <input type="text" name="location" placeholder="格式：1(A\C\D\E\F\G\H),3,5" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-1  col-sm-2 col-xs-12">
                                        <button type="button" class="calculate-button btn btn-primary pull-right" data-form="form-data-random"> 计算 </button>
                                    </div>
                                </div>
                                <div class="form-group memo">
                                    软件说明<br>
                                    1.输入蛋白或多肽序列。<br>
                                    2.输入扫描的位置，1~3个点扫描时，本软件直接输出序列，超过3个点位时，请咨询我们的技术人员。<br>
                                    3.扫描点位的输入格式为：1,3,5。如果对某个点位的扫描氨基酸有指定，可输入如下格式:1(A\C\D\E\F\G\H),3,5 。<br>
                                </div>
                            </form>
                        </div>
                        <!-- /.screening-2 -->
                        <div role="tabpanel" class="tab-pane fade" id="screening-3">
                            <form id="form-overlapping" action="{:url('result_peptide_antisense')}" method="post" class="form-horizontal" onsubmit="return false;">
                                <div class="form-group">
                                    <label class="col-md-10 col-sm-10 col-xs-10 control-label">
                                        序列（可输入氨基酸单字母或多字母，单字母为大写字母）<a href="{:url('synthetise_difficult_about')}" target="_blank"><i class="glyphicon glyphicon-question-sign"></i></a>
                                    </label>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-6 col-sm-10 col-xs-10 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">N端</span>
                                            <input type="text" name="amino" class="form-control" id="amino-3">
                                            <span class="input-group-addon">C端</span>
                                        </div>
                                        <input type="hidden" name="debug" value="{$debug}">
                                        <input type="hidden" name="type" value="3">
                                    </div>
                                    <div class="col-md-2">
                                        <div class="input-group">
                                            <span class="input-group-addon">目标多肽长度</span>
                                            <input type="text" name="n" value="6" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="input-group">
                                            <span class="input-group-addon">步移(offset)</span>
                                            <input type="text" name="m" value="6" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-1  col-sm-2 col-xs-12">
                                        <button type="button" class="calculate-button btn btn-primary pull-right" data-form="form-overlapping"> 计算 </button>
                                    </div>
                                </div>
                                <div class="form-group memo">
                                    <b>软件说明</b><br>
                                    1.输入蛋白或多肽序列。<br>
                                    2.输入目标多肽长度和步移（offset）。<br>
                                    3.软件自动输出蛋白或多肽的长度、目标多肽数量和序列。<br>
                                </div>
                            </form>
                        </div>
                        <!-- /.screening-3 -->
                        <div role="tabpanel" class="tab-pane fade" id="screening-4">
                            <form id="form-truncation" action="{:url('result_peptide_antisense')}" method="post" class="form-horizontal" onsubmit="return false;">
                                <div class="form-group">
                                    <label class="col-md-10 col-sm-10 col-xs-10 control-label">
                                        序列（可输入氨基酸单字母或多字母，单字母为大写字母）<a href="{:url('synthetise_difficult_about')}" target="_blank"><i class="glyphicon glyphicon-question-sign"></i></a>
                                    </label>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-10 col-sm-10 col-xs-10 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">N端</span>
                                            <input type="text" name="amino" class="form-control" id="amino-4">
                                            <span class="input-group-addon">C端</span>
                                        </div>
                                        <input type="hidden" name="debug" value="{$debug}">
                                        <input type="hidden" name="type" value="4">
                                    </div>

                                    <div class="col-md-1  col-sm-2 col-xs-12">
                                        <button type="button" class="calculate-button btn btn-primary pull-right" data-form="form-truncation"> 计算 </button>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-2">
                                        <div class="input-group">
                                            <span class="input-group-addon">截头数目(N端)</span>
                                            <input type="text" name="a1" value="0" class="form-control">
                                            <!-- 此处变量不能取a，与thinkphp3.2内部的默认a有冲突 -->
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="input-group">
                                            <span class="input-group-addon">截头数目(C端)</span>
                                            <input type="text" name="b1" value="0" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="input-group">
                                            <span class="input-group-addon">最短目标多肽长度</span>
                                            <input type="text" name="dest_length" value="6" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group memo">
                                    <b>软件说明</b><br>
                                    1.输入蛋白或多肽序列。<br>
                                    2.输入N端截头数目和C端截头数目。<br>
                                    3.输入目标多肽的最短长度。<br>
                                    4.软件自动计算输入多肽的长度、目标多肽数量和序列。<br>
                                </div>
                            </form>
                        </div>
                        <!-- /.screening-4 -->
                        <div role="tabpanel" class="tab-pane fade" id="screening-5">
                            <form id="form-alanine" action="{:url('result_peptide_antisense')}" method="post" class="form-horizontal" onsubmit="return false;">
                                <div class="form-group">
                                    <label class="col-md-10 col-sm-10 col-xs-10 control-label">
                                        序列（可输入氨基酸单字母或多字母，单字母为大写字母）<a href="{:url('synthetise_difficult_about')}" target="_blank"><i class="glyphicon glyphicon-question-sign"></i></a>
                                    </label>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-11 col-sm-10 col-xs-10 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">N端</span>
                                            <input type="text" name="amino" class="form-control" id="amino-5">
                                            <span class="input-group-addon">C端</span>
                                        </div>
                                        <input type="hidden" name="debug" value="{$debug}">
                                        <input type="hidden" name="type" value="5">
                                    </div>
                                    <div class="col-md-1  col-sm-2 col-xs-12">
                                        <button type="button" class="calculate-button btn btn-primary pull-right" data-form="form-alanine"> 计算 </button>
                                    </div>
                                </div>
                                <div class="form-group memo">
                                    <b>软件说明</b><br>
                                    1.输入蛋白或多肽序列。<br>
                                    2.软件自动用Ala逐个代替序列中非Ala氨基酸。<br>
                                    3.输出多肽长度及Ala替换后的多肽数量和序列。
                                </div>
                            </form>
                        </div>
                        <!-- /.screening-5 -->
                        <div role="tabpanel" class="tab-pane fade" id="screening-6">
                            <form id="form-scrambled" action="{:url('result_peptide_antisense')}" method="post" class="form-horizontal" onsubmit="return false;">
                                <div class="form-group">
                                    <label class="col-md-10 col-sm-10 col-xs-10 control-label">
                                        序列（可输入氨基酸单字母或多字母，单字母为大写字母）<a href="{:url('synthetise_difficult_about')}" target="_blank"><i class="glyphicon glyphicon-question-sign"></i></a>
                                    </label>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-9 col-sm-10 col-xs-10 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">N端</span>
                                            <input type="text" name="amino" class="form-control" id="amino-6">
                                            <span class="input-group-addon">C端</span>
                                        </div>
                                        <input type="hidden" name="debug" value="{$debug}">
                                        <input type="hidden" name="type" value="6">
                                    </div>
                                    <div class="col-md-2">
                                        <div class="input-group">
                                            <span class="input-group-addon">扰序位置</span>
                                            <input type="text" name="location" placeholder="格式：1,3,5" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-1  col-sm-2 col-xs-12">
                                        <button type="button" class="calculate-button btn btn-primary pull-right" data-form="form-scrambled"> 计算 </button>
                                    </div>
                                </div>
                                <div class="form-group memo">
                                    <b>软件说明：</b><br>
                                    1.输入蛋白或多肽序列。<br>
                                    2.输入扰序位置，格式为1,3,5。未输入位置，表示全部打乱顺序。<br>
                                    3.输出多肽数量和多肽序列。<br>
                                    4.如果多肽数量超过1000个，只输出1000个序列。
                                </div>
                            </form>
                        </div>
                        <!-- /.screening-6 -->
                        <div role="tabpanel" class="tab-pane fade" id="screening-7">
                            <form id="form-positional" action="{:url('result_peptide_antisense')}" method="post" class="form-horizontal" onsubmit="return false;">
                                <div class="form-group">
                                    <label class="col-md-10 col-sm-10 col-xs-10 control-label">
                                        序列（可输入氨基酸单字母或多字母，单字母为大写字母）<a href="{:url('synthetise_difficult_about')}" target="_blank"><i class="glyphicon glyphicon-question-sign"></i></a>
                                    </label>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-11 col-sm-10 col-xs-10 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">N端</span>
                                            <input type="text" name="amino" class="form-control" id="amino-7">
                                            <span class="input-group-addon">C端</span>
                                        </div>
                                        <input type="hidden" name="debug" value="{$debug}">
                                        <input type="hidden" name="type" value="7">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-11 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">扫描的位置</span>
                                            <input type="text" name="location" placeholder="格式:1(A\C\D\E\F\G\H),3,5" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-1  col-sm-2 col-xs-12">
                                        <button type="button" class="calculate-button from-control btn btn-primary pull-right" data-form="form-positional"> 计算 </button>
                                    </div>
                                </div>
                                <div class="form-group memo">
                                    <b>软件说明</b><br>
                                    1.输入蛋白或多肽序列。<br>
                                    2.输入扫描的位置，软件自动用20个常规氨基酸替换序列中的指定位置，一次只替换一个位置。<br>
                                    3.扫描点位的输入格式为：1,3,5。如果对某个点位的扫描氨基酸有指定，可输入如下格式:1(A\C\D\E\F\G\H),3,5
                                </div>
                            </form>
                        </div>
                        <!-- /.screening-7 -->
                        <div role="tabpanel" class="tab-pane fade" id="screening-8">
                            <form id="form-tcell" action="{:url('result_peptide_antisense')}" method="post" class="form-horizontal" onsubmit="return false;">
                                <div class="form-group">
                                    <label class="col-md-10 col-sm-10 col-xs-10 control-label">
                                        序列（可输入氨基酸单字母或多字母，单字母为大写字母）<a href="{:url('synthetise_difficult_about')}" target="_blank"><i class="glyphicon glyphicon-question-sign"></i></a>
                                    </label>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-8 col-sm-10 col-xs-10 no-padding-left no-padding-right">
                                        <div class="input-group">
                                            <span class="input-group-addon">N端</span>
                                            <input type="text" name="amino" class="form-control" id="amino-8">
                                            <span class="input-group-addon">C端</span>
                                        </div>
                                        <input type="hidden" name="debug" value="{$debug}">
                                        <input type="hidden" name="type" value="8">
                                    </div>
                                    <div class="col-md-3">
                                        <div class="input-group">
                                            <span class="input-group-addon">目标多肽长度(10-25)</span>
                                            <input type="text" name="dest-length" value="10" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-1  col-sm-2 col-xs-12">
                                        <button type="button" class="calculate-button form-control btn btn-primary pull-right" data-form="form-tcell"> 计算 </button>
                                    </div>
                                </div>
                                <div class="form-group memo">
                                    <b>软件说明</b><br>
                                    1.输入蛋白或多肽序列，并输入目标多肽的长度（一般设计长度为10-25之间）<br>
                                    2.如果输入的目标多肽长度为11，软件自动生成C端相同的11、10、9、8个氨基酸长度的T细胞表位多肽组<br>
                                    3.输出多肽长度及T细胞表位多肽组数量和序列
                                </div>
                            </form>
                        </div>
                        <!-- /.screening-8 -->
                    </div>

				  <div id="message-show" class="alert alert-danger hidden" role="alert">警告内容</div>
				</div>
				<!--
                	/.col-md-12
                -->
			</div>
			<!-- /.row -->
			
			<div class="row">
				<div id="result-show" class="col-md-12 hidden">
					<div class="body" id="result-body"></div>
				</div>
			</div>
		</div>

        <div class="modal fade" id="help-modal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title">多肽筛选工具说明</h4>
                    </div>
                    <div class="modal-body">
                        <div>
                            1.使用本软件时，可以输入3字母或单字母序列，建议使用单字母序列。<br>
                            2.对于反义肽筛选，只能输入20种常规氨基酸序列。<br>
                            3.本软件仅用于线性肽的筛选，如果有特殊序列需要筛选，请联系技术人员。<br>
                            4.关于各种筛选方法的应用，可以参考本网站的相关资料或咨询我们的技术人员。<br>
                            5.本软件包含的肽库：反义肽库（Antisense peptide library）、多位点扫描随机多肽矩阵（Random Peptide Library）、首尾相搭多肽矩阵（Overlapping Peptide Library)、截头多肽矩阵（Truncation Peptide Library）、Ala筛选矩阵(Alanine Peptide Scanning Library)、扰序多肽矩阵（Scrambled Peptide Library）、单位点扫描矩阵(Positional Scanning Peptide Library)、T细胞截头肽库矩阵(T-cell truncated library)
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->


		<script type="text/html" id="result_template_1">
			<div class="col-md-12">
				<h3>反义肽库（ 5'-3'）</h3>
				<div class="col-md-12">
					反义肽库多肽数量：{{d.antisense_count}}
				</div>
				<div class="col-md-12">
					预计费用：{{d.synthetise_fee}}（采用peptidego<sup>TM</sup>专有组合化学策略进行合成）
				</div>
				<div class="col-md-12">
                    序列：
                    具体序列咨询我们的技术人员。
				</div>
			</div>
            <div class="col-md-12">
                <h3>反义肽库（ 3'-5'）</h3>
                <div class="col-md-12">
                    反义肽库多肽数量：{{d.antisense_count2}}
                </div>
                <div class="col-md-12">
                    预计费用：{{d.synthetise_fee2}}（采用peptidego<sup>TM</sup>专有组合化学策略进行合成）
                </div>
                <div class="col-md-12">
                    序列：具体序列咨询我们的技术人员。
                </div>
            </div>
		</script>

        <script type="type/html" id="result_template_11">
            <div class="col-md-12">
               <h3>反义肽（3'-5'）序列：</h3>
               <div class="col-md-12">{{d.sequence1}}</div>
               <h3>反义肽（5'-3'）序列：</h3>
               <div class="col-md-12">{{d.sequence2}}</div>
            </div>
        </script>

        <script type="type/html" id="result-template-2">
            <div class="col-md-12">
               <ul>
                 <li>蛋白或多肽长度: {{d.amino_length}}</li>
                 <li>多肽数量: {{d.sequence_count}}</li>
                 <li><b>采用peptidego<sup>TM</sup>专有组合化学策略，可以大大降低多位点扫描随机多肽矩阵的多肽合成数量及筛选工作量。
                     <span style="color:red">使4~5个点位同时扫描成为可能。</span>
                     </b>
                 </li>
                 {{# if(d.show_sequence){ }}
                 <li>
                 多肽序列:{{d.sequence_message}}<br>
                 {{# if(d.show_all){ }}
                 {{# for(var index=0, len=d.sequence_count; index<len; index++){ }}
                    {{d.sequences[index]}}<br>
                 {{# } }}
                 {{# } }}
                 </li>
                 {{# } }}
               </ul>
            </div>
        </script>

        <script type="type/html" id="result-template-3">
            <div class="col-md-12">
               <ul>
                 <li>蛋白或多肽长度: {{d.amino_length}}</li>
                 <li>多肽数量: {{d.sequence_count}}</li>
                 <li>
                 多肽序列:<br>
                 <table>
                 {{# for(var index=0, len=d.sequences.length; index<len; index++){ }}
                 <tr>
                    {{# if(d.sequences[index]['pre']>0){ }}
                    <td colspan="{{d.sequences[index]['pre']}}">&nbsp;</td>
                    {{# } }}
                    {{# for(var i=0, details=d.sequences[index]['details'], len2=details.length; i<len2; i++){ }}
                    <td>{{details[i]}}</td>
                    {{# } }}
                    {{# if(d.sequences[index]['last']>0){ }}
                    <td colspan="{{d.sequences[index]['last']}}">&nbsp;</td>
                    {{# } }}
                 </tr>
                 {{# } }}
                 </table>
                 </li>
               </ul>
            </div>
        </script>

        <script type="type/html" id="result-template-4">
            <div class="col-md-12">
               <ul>
                 <li>蛋白或多肽长度: {{d.amino_length}}</li>
                 <li>多肽数量: {{d.sequence_count}}</li>
                 <li>
                 多肽序列:<br>
                 <table>
                 {{# for(var index=0, len=d.sequences.length; index<len; index++){ }}
                 <tr>
                    {{# if(d.sequences[index]['pre']>0){ }}
                    <td colspan="{{d.sequences[index]['pre']}}">&nbsp;</td>
                    {{# } }}
                    {{# for(var i=0, details=d.sequences[index]['details'], len2=details.length; i<len2; i++){ }}
                    <td>{{details[i]}}</td>
                    {{# } }}
                    {{# if(d.sequences[index]['last']>0){ }}
                    <td colspan="{{d.sequences[index]['last']}}">&nbsp;</td>
                    {{# } }}
                 </tr>
                 {{# } }}
                 </table>
                 </li>
               </ul>
            </div>
        </script>

        <script type="type/html" id="result-template-5">
            <div class="col-md-12">
               <ul>
                 <li>蛋白或多肽长度: {{d.amino_length}}</li>
                 <li>多肽数量: {{d.sequence_count}}</li>
                 <li>
                 多肽序列:<br>
                 {{# for(var index=0, len=d.sequence_count; index<len; index++){ }}
                    {{d.sequences[index]}}<br>
                 {{# } }}
                 </li>
               </ul>
            </div>
        </script>

        <script type="type/html" id="result-template-6">
            <div class="col-md-12">
               <ul>
                 <li>蛋白或多肽长度: {{d.amino_length}}</li>
                 <li>多肽数量: {{d.sequence_count}}</li>
                 <li>
                 多肽序列: {{d.sequence_show}}<br>
                 {{# for(var index=0, len=d.real_sequence_count; index<len; index++){ }}
                    {{d.sequences[index]}}<br>
                 {{# } }}
                 </li>
               </ul>
            </div>
        </script>

        <script type="type/html" id="result-template-7">
            <div class="col-md-12">
               <ul>
                 <li>蛋白或多肽长度: {{d.amino_length}}</li>
                 <li>多肽数量: {{d.sequence_count}}</li>
                 <li>
                 多肽序列:<br>
                 {{# for(var index=0, len=d.sequence_count; index<len; index++){ }}
                    {{d.sequences[index]}}<br>
                 {{# } }}
                 </li>
               </ul>
            </div>
        </script>
        
        <style>
            .group-1{
                background: #ccc;
            }
        </style>
        <script type="type/html" id="result-template-8">
            <div class="col-md-12">
               <ul>
                 <li>蛋白或多肽长度: {{d.amino_length}}</li>
                 <li>多肽数量: {{d.sequence_count}}条 共{{d.sequence_group}}组</li>
                 <li>
                 多肽序列:<br>
                 <table>
                 {{# for(var index=0, len=d.sequences.length; index<len; index++){ }}
                 <tr class="group-{{d.sequences[index]['group']%2}}">
                    {{# if(d.sequences[index]['pre']>0){ }}
                    <td colspan="{{d.sequences[index]['pre']}}">&nbsp;</td>
                    {{# } }}
                    {{# for(var i=0, details=d.sequences[index]['details'], len2=details.length; i<len2; i++){ }}
                    <td>{{details[i]}}</td>
                    {{# } }}
                    {{# if(d.sequences[index]['last']>0){ }}
                    <td colspan="{{d.sequences[index]['last']}}">&nbsp;</td>
                    {{# } }}
                 </tr>

                 {{# } }}
                 </table>
                 </li>
               </ul>
            </div>
        </script>

		<script src="__PUBLIC__/static/sea.js"></script>
		<script src="__PUBLIC__/static/skin/default/config.js"></script>
		
		<script>
			seajs.use('skin/default/peptide_screening', function(peptideScreening){
                peptideScreening.init();
                peptideScreening.initCalculate();
			})
		</script>
	</body>
</html>
